<template>
	<view>
		<comHeader :config="navConfig"/>
		<!-- 识别认证 -->
		<view class="shibie">
			<view>
				<view class="SG"></view><i>请准备以下材料</i>
			</view>
		</view>
		<view class="table2">
			<!-- <view class="wenzi">请拍摄并上传你的身份证照片</view> -->
			<view>	
				<view class="kOne">
					<view class="rect">
						<view class="oneK">
							<image src="/static/myPic/YYZZ.jpg" mode=""></image>
						</view>
					</view>
							<view class="di"><i>营业执照</i></view>
				</view>
				<view class="kTwo">
					<view class="rect">
						<view class="twoK">
							<image src="/static/myPic/SFZ.png" mode=""></image>
						</view>
					</view>
							<view class="di"><i>身份证正反面</i></view>
				</view>
			</view>
			<view>
				<view class="kThree">
					<view class="rect">
						<view class="threeK">
							<image src="/static/myPic/YCXKZ.jpg" mode=""></image>
						</view>
					</view>
							<view class="di"><i>《营业性演出许可证》</i></view>
				</view>
			</view>
		</view>
		
		<view class="gouxuan">
			<radio class="one" value="r2" color="#2F8FFF" style="transform:scale(0.6)" />
			<view class="agree">我已阅读并同意</view>
			<navigator url="">《旅游鸭商家入驻协议》</navigator>
		</view>
		
		
		<navigator class="btn" url="/pages/my/join/shopJoin/companyMessage1"><text>材料准备好，申请入驻</text></navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navConfig:{
					isFixed:false, //是否absolute布局
					left:{
						
						isShowLeft:true,
						leftGobackColor:'black', //左边返回icon颜色
					},
					mid:{
						isShowMid:true,
						text:'景区-商家入驻'
					},
					right:{
						text:'',
						isShowRight:false,
					}
				},
			}
		}
	}
</script>

<style>
	*{
		margin: 0;
		padding: 0;
	}
	
	i {
		font-style: normal;
	}
	/* 识别认证 */
	.shibie{
		margin-top: 33upx;		
		margin-left: 6upx;
		height:27upx;
	}
	.shibie .SG{
		width: 5upx;
		height: 23upx;
		background: rgba(84,176,255,1);
		margin-left: 31upx;
		margin-top: 20upx;
		float: left;
	}
	.shibie i{
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #010101;
		margin-left: 15upx;
	}
	.table2{
		position: relative;
		margin-left: 31upx;
		margin-top: 36upx;
		width: 690upx;
		height: 716upx;
		border-radius: 15upx;
		box-shadow: 0px 0px 15px 0px rgba(232,232,232,1);
	}
	.table2 .wenzi{
		/* margin-left: 28upx;
		margin-top: 34upx; */
		padding: 28upx 0 0 28upx;
		width: 340upx;
		height: 25upx;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color: rgba(102,102,102,1);
		line-height: 29upx;
	}
	/* 营业执照 */
	.table2 .kOne{
		float: left;
		margin-left: 34upx;
		margin-top: 46upx;
		width: 307upx;
		height: 203upx;
		background: #FFFFFF;
		box-shadow: 0px 0px 19px 0px rgba(122,122,123,0.15);
	}
	
	.kOne image{
		margin-left: 6upx;
		margin-top: -8upx;
		width: 294upx;
		height: 214upx;
		background: #fff;
	}
	.kOne .di{
		position: absolute;
		margin-top: 34upx;
		width: 294upx;
		height: 49upx;
		background: #4280F2;
		border-radius: 0 0 10upx 10upx;
	}
	.kOne .di i{
		margin-left: 101upx;
		margin-top: 11upx;
		width: 250upx;
		height: 25upx;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color: #fff;
		line-height: 29upx;
	}
	
	
	/* 身份证正反面 */
	
	.table2 .kTwo{
		float: left;
		margin-left: 14upx;
		margin-top: 46upx;
		width: 307upx;
		height: 203upx;
		background: #FFFFFF;
		box-shadow: 0px 0px 19px 0px rgba(122,122,123,0.15);
	}
	
	.kTwo image{
		margin-left: 68upx;
		margin-top: 8upx;
		width: 167upx;
		height: 184upx;
		background: #fff;
	}
	.kTwo .di{
		position: absolute;
		margin-top: 49upx;
		width: 294upx;
		height: 49upx;
		background: #4280F2;
		border-radius: 0 0 10upx 10upx;
	}
	.kTwo .di i{
		margin-left: 70upx;
		margin-top: 11upx;
		width: 250upx;
		height: 25upx;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color: #fff;
		line-height: 29upx;
	}
	/* 营业许可证 */
	
	.table2 .kThree{
		float: left;
		margin-left: 34upx;
		margin-top: 136upx;
		width: 307upx;
		height: 203upx;
		background: #FFFFFF;
		box-shadow: 0px 0px 19px 0px rgba(122,122,123,0.15);
	}
	
	.kThree image{
		margin-left: 20upx;
		margin-top: 5upx;
		width: 269upx;
		height: 189upx;
		background: #fff;
	}
	.kThree .di{
		position: absolute;
		margin-top: 34upx;
		width: 294upx;
		height: 49upx;
		background: #4280F2;
		border-radius: 0 0 10upx 10upx;
	}
	.kThree .di i{
		margin-left: 20upx;
		margin-top: 11upx;
		width: 250upx;
		height: 25upx;
		font-size: 26upx;
		font-family: PingFang SC Regular;
		color: #fff;
		line-height: 29upx;
	}
	.gouxuan .one{
		margin-left: 24upx;
		margin-top: 74upx;
		float: left;
	}
	.agree{
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: #333333;
		margin-left: 18upx;
		margin-top: 84upx;
		float: left;
	}
	.gouxuan navigator{
		font-size: 28upx;
		font-family: PingFang SC Regular;
		margin-top: 84upx;
		float: left;
		color: #5693FF;
	}
	
	.btn{
		width: 388upx;
		height: 72upx;
		border-radius: 35upx;
		margin-top: 377upx;
		margin-left: 193upx;
		margin-bottom: 48upx;
		background-image: linear-gradient(to right, #54B0FF,#577AFF);
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#577AFF', endColorstr='#54B0FF', GradientType=1); 
	}
	.btn text{
		width: 300upx;
		height: 28upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: rgba(255,255,255,1);
		margin-left: 59upx;
		margin-top: 23upx;
	}
</style>
